<template>
  <a-toolbar v-model:active="state.active" @change="_change($event,1)">
    <a-toolbar-item name="1" icon="a-icon-home" text="首页"></a-toolbar-item>
    <a-toolbar-item name="2" icon="a-icon-home" text="卡包"></a-toolbar-item>
    <a-toolbar-item name="3" icon="a-icon-home" text="联系人"></a-toolbar-item>
    <a-toolbar-item name="4" icon="a-icon-home" text="我的"></a-toolbar-item>
  </a-toolbar>

  <a-toolbar v-model:active="state.active2" @change="_change($event,1)" fixed>
    <a-toolbar-item name="1" icon="a-icon-home" text="首页"></a-toolbar-item>
    <a-toolbar-item name="2" icon="a-icon-home" text="卡包"></a-toolbar-item>
    <a-toolbar-item name="3" icon="a-icon-home" text="联系人"></a-toolbar-item>
    <a-toolbar-item name="4" icon="a-icon-home" text="我的"></a-toolbar-item>
  </a-toolbar>
</template>
<script setup>
import { reactive } from "vue";

const state = reactive({
  active: "1",
  active2: "1",
});
function _change() {
  console.log(arguments);
}
</script>
<style lang="less" scoped>
::v-deep {
}
</style>